import LineTitle from '@/platform/components/line-title/LineTitle';
import DefMainLayout from '@/platform/components/main-layout/DefMainLayout';
import {
    Alert, Button, Card, Col, Row 
} from 'antd';
import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
import React from 'react';
import classes from './Home.module.less';

const Home:React.FC = () => {
    const change = () => {
        
    }
    return (
        <DefMainLayout showTool={false} usePadding={false}>
            <div className={classes["app-home-container"]}>
                <Row className={classes["app-home-row"]}>
                    <Col span={17} className={classes["app-home-col"]}>
                        <OverlayScrollbarsComponent
                            options={{
                                scrollbars: {
                                    autoHide: 'leave',
                                    autoHideDelay: 100
                                }
                            }}
                            className={classes["app-home-col"]}
                        >
                            <Card bordered={false} className={classes["app-home-card app-home-left-card"]}>
                                <div>
                                    <LineTitle title="图表示例" />
                                </div>
                                <div className={classes["app-home-left-row"]}>
                                    app-task-card
                                    <br />
                                    app-task-card
                                    <br />
                                    app-task-card
                                    <br />
                                    app-task-card
                                    <br />
                                    app-task-card
                                    <br />
                                    app-task-card
                                    <br />
                                    app-task-card
                                    <br />
                                    app-task-card
                                    <br />
                                    <Button type="primary">Primary Button</Button>

                                </div>
                                <div className={classes["app-home-left-row"]}>
                                    app-notice-card
                                    <Button type="primary">Primary Button</Button>
                                </div>
                            </Card>
                        </OverlayScrollbarsComponent>
                    </Col>
                </Row>
            </div>
        </DefMainLayout>
    ) 
};

export default Home;
